$node-size: 24px;

.cluster-detail.ant-layout {
	background: transparent;
	height: 100%;

	.ant-tree-show-line .ant-tree-switcher {
		background: transparent;
		line-height: $node-size;
	}

	.component-popover-btns {
		width: 100%;
		margin-top: 12px;
		flex-direction: row-reverse;
	}

	.detail-container {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
		background: inherit;

		.ant-spin-nested-loading,
		.ant-spin-container {
			height: 100%;
		}

		> .ant-layout {
			height: 100%;
			background: inherit;

			> .ant-layout-content {
				overflow-y: hidden;

				.ant-empty {
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					margin: 0;
				}
			}

			> .ant-layout-footer {
				background: inherit;
				height: 40px;
				line-height: 40px;
				padding: 0;
				border-top: 1px solid var(--panel-border);
				display: flex;
				justify-content: center;
				box-shadow: 0 0 6px 0 var(--minimapSlider-hoverBackground);
				z-index: 9;
			}
		}
	}
}